
<div ng-controller="horizon.dashboard.project.queues.steps.SubscriptionController as detailsCtrl">

  <h1 translate>Subscription</h1>
  <div class="content">

    <div class="subtitle" translate>
      Note that you can create a subscription without defining options.
    </div>

    <div class="selected-source clearfix">
      <div class="row">
        <div class="col-xs-12 col-sm-8">
          <div class="form-group required"
            ng-class="{'has-error': subscriptionForm.subscriber.$invalid && subscriptionForm.subscriber.$dirty}">
            <label class="control-label required">
              <translate>Subscriber</translate>
              <span class="hz-icon-required fa fa-asterisk"></span>
            </label>
            <input required
              id="subscriptionForm-subscriber" name="subscriber"
              type="text" class="form-control"
              ng-model="detailsCtrl.subscription.subscriber"
              ng-maxlength="255"
              ng-disabled="detailsCtrl.update"
              validate-subscriber
              placeholder="{$ 'Enter a subscriber'|translate $}">
            <p class="help-block alert alert-danger" translate
              ng-show="subscriptionForm.subscriber.$invalid && subscriptionForm.subscriber.$dirty">
              Subscribers must be in the form of mailto, HTTP, or HTTPS.
            </p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-8">
          <div class="form-group required"
            ng-class="{'has-error': subscriptionForm.ttl.$invalid && subscriptionForm.ttl.$dirty}">
            <label class="control-label required" translate>
              <translate>Time To Live</translate>
              <span class="hz-icon-required fa fa-asterisk"></span>
            </label>
            <input required
              id="subscriptionForm-ttl" name="ttl"
              min="60" step="10"
              type="number" class="form-control"
              ng-model="detailsCtrl.subscription.ttl"
              ng-disabled="detailsCtrl.update">
            <p class="help-block alert alert-danger" translate
              ng-show="subscriptionForm.ttl.$invalid && subscriptionForm.ttl.$dirty">
              The TTL for a subscription must be at least 60 seconds long.
            </p>
          </div>
        </div>
      </div><!-- row -->
    </div><!-- clearfix -->

  </div><!-- content -->
</div><!-- controller -->
